<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--30秒刷新页面-->
    <meta http-equiv="refresh" content="30">
    <title>Title</title>
    <!--<base href="http://www.runoob.com//images/" target="_blank">-->
    <style>
        .clearfix{
            clear: both;/*周围的元素会重新排列，给周围的元素定义*/
            overflow: auto;/*子元素大于父类元素时*/
        }
        /*图片的水平居中要定义成块级别*/
        img {
            display: block;
            margin: auto;
            width: 40%;
        }
    </style>

</head>
<body>
<a href="../txt/网上购物需求获取.ppt">文档下载</a>
<div id="result"></div>
<video width="320" height="240" controls>
    <source src="../video/movie.mp4" type="video/mp4">
    <source src="../video/movie.mp4" type="video/ogg">
    你的浏览器不支持 video 标签。
</video>

<audio controls>
    <source src="../mp3/horse.ogg">
    <source src="../mp3/horse.mp3">
    您的浏览器不支持 audio 元素。
</audio>

<object data="../video/movie.mp4"></object>
<object data="localStorage.html"></object>
<!--h4无效-->
<embed src="../video/movie.mp4">
</body>
<script>

    /*localStorage.sitename="MidnightSun";*/
    document.getElementById("result").innerHTML = "网站名：" + localStorage.sitename;
    localStorage.removeItem("sitename");//删除
    localStorage.setItem("name","hly");


</script>
</html>